html,
body {
    width: 100%;
    margin: 0 auto;
    /* box-sizing: border-box; */
}

.box {
    width: 100vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;

}

.header {
    /* padding: 2px; */
    /* background: orangered; */
    width: 100vw;
    height: 25vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem;
}

.header img {
    width: 4.375rem;
    height: 4.375rem;
}

.header input {
    width: 6.25rem;
    height: 1.875rem;
    border-radius: 30px;
    border: 2px solid orangered;
}

/* .header input:last-of-type {
    background-image: url(./images/搜索.png);
    width: 3vw;
    height: 3vw;
    background-size: contain;
} */

.header select {
    width: 4.375rem;
    height: 1.875rem;
    border: 1px solid orangered;
}

.content{
    flex: 1;
}

.bg {
    width: 100vw;
    height: 50vw;
    margin: 0 auto;
}

.bg img {
    width: 100vw;
    height: 50vw;
    background: orangered;
}

.item1 {
    /* display: block; */
    width: 100%;
    /* height: 75vw; */
    /* margin: .1875rem; */
    /* padding: .625rem; */
}

.item_title1 img {
    width: 3.125rem;
    height: 3.125rem;
    padding: 10px;
    float: left;
    padding: .625rem;
}

.item_title1 span:first-of-type {
    /* padding-top: .5rem; */
    /* padding-left: .125rem; */
    font-size: 20px;
    text-align: center;
    /* float: right; */
    float: left;
}

.item_title1 span {
    padding-top: .9375rem;
    font-size: 1rem;
    float: right;
    /* padding: .625rem; */
}

.item_title1 img:nth-of-type(2) {
    margin: .3125rem;
    width: 2.5rem;
    height: 2.5rem;
    float: right;
    padding-left: .625rem;


}

.item_content {
    width: 100vw;
    height: 50vw;
    display: flex;

    justify-content: space-between;
    padding-left: 10vw;
    padding-right: 10vw;
    /* margin-bottom: .625rem; */

    /* padding: ; */
    /* background: orangered; */

}

/* .item_content ul {
    width: 100vw;
    height: 75vw; 
background: orangered;

}*/

.ic {
    width: 35vw;
    height: 20vw;


}

.ic img {
    width: 35vw;
    height: 20vw;

}

.item2 {
    width: 100%;
    /* height: 50vw; */
}

.item_title2 img {
    width: 3.125rem;
    height: 3.125rem;
    padding: 10px;
    float: left;
    padding: .625rem;
}

.item_title2 span:first-of-type {
    padding-top: .5rem;
    /* padding-left: .125rem; */
    font-size: 20px;
    text-align: center;
    /* float: right; */
    float: left;
}

.item_title2 span {
    padding-top: .9375rem;
    font-size: 1rem;
    float: right;
    /* padding: .625rem; */
}

.item_title2 img:nth-of-type(2) {
    margin: .3125rem;
    width: 2.5rem;
    height: 2.5rem;
    float: right;
    padding-left: .625rem;


}

.content2 {
    display: flex;
    width: 100vw;
    height: 40vw;
   margin-top: .3125rem;
    /* padding-bottom: .625rem; */
    /* background: orangered; */
}
.content2 a{
    color: black;
}

.left {
    width: 35vw;
    height: 40vw;
    /* border: 1px solid black; */
    float: left;
}

.left img {
    width: 35vw;
    height: 40vw;
}

.right {
    width: 62vw;
    height: 40vw;
    /* border: 1px solid black; */
    float: left;
}

.right h1 {
    padding: .125rem;
    font-size: 1rem;
    float: left;
}

.right span {
    padding: .1875rem;
    font-size: .625rem;
    float: right;
}

.right p {
    padding: .3125rem;
    font-size: 1rem;
    float: left;
}

.right span:nth-of-type(2) {
    color: orangered;
    float: left;
    font-size: 1.25rem;
    margin: .3125rem;
}

.right span:last-of-type {
    font-size: .625rem;
    float: right;
    margin: .625rem;
}

